<template>
  <div id="Rolemanagement">
    <div class="line">
      <el-menu
        class="el-menu-demo"
        mode="horizontal"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
      >
        <el-menu-item index="1">消息中心</el-menu-item>
        <el-submenu index="2">
          <template slot="title">我的工作台</template>
          <el-menu-item index="2-1">新闻</el-menu-item>
          <el-menu-item index="2-2">评论</el-menu-item>
          <el-menu-item index="2-3">分享</el-menu-item>
          <el-submenu index="2-4">
            <template slot="title">消息</template>
            <el-menu-item index="2-4-1">新闻资讯</el-menu-item>
            <el-menu-item index="2-4-2">疫情动态</el-menu-item>
            <el-menu-item index="2-4-3">安全提示</el-menu-item>
          </el-submenu>
        </el-submenu>
        <el-menu-item index="3" disabled>权限管理中心</el-menu-item>
        <el-menu-item index="4"
          ><a href="https://www.ele.me" target="_blank"
            >订单管理</a
          ></el-menu-item
        >
      </el-menu>
    </div>

    <div id="main">
      <el-main>
        <div class="title_border">
          <div class="anci_header_content">
            <div class="article-title">
              <h2>科学预防：疫情期间，如何有效预防？</h2>
            </div>
            <div class="article-desc clearfix">
              <div class="author-icon">
                <a
                  href="https://author.baidu.com/home?from=bjh_article&amp;app_id=1562909309918895"
                  target="_blank"
                  ><img
                    src="https://pic.rmb.bdstatic.com/bjh/user/368de26d648f5b2dbf99614097bd6862.jpeg" /></a
                ><i class="author-vip author-vip-3"></i>
              </div>
              <div class="author-txt">
                <div class="author-name">
                  <a
                    href="https://author.baidu.com/home?from=bjh_article&amp;app_id=1562909309918895"
                    target="_blank"
                    >专注健康知识讲解</a
                  >
                </div>
              </div>
            </div>
          </div>
          <div class="title_center">
            <div class="poto1">
              <el-row class="s1">
                <el-col :span="8"
                  ><div class="grid-content bg-purple">
                    <img
                      src="https://upload-images.jianshu.io/upload_images/20863841-24f93f8b7bc28f70.jpg"
                      width="580.317"
                      height="200"
                      alt=""
                    /></div
                ></el-col>
                <el-col :span="8"
                  ><div class="grid-content bg-purple-light">
                    <img
                      src="https://pics4.baidu.com/feed/dbb44aed2e738bd4216ec4eec1415bd1257ff9f0.jpeg?token=1d4626e8c99e2ac430da3e6c32fee32f&s=88D055975C63B2841CB5BCE30300E062"
                      width="580.317"
                      height="200"
                      alt=""
                    /></div
                ></el-col>
                <el-col :span="8"
                  ><div class="grid-content bg-purple">
                    <img
                      src="https://pics2.baidu.com/feed/908fa0ec08fa513dc117526e5ea789fcb3fbd917.jpeg?token=1bda68d2c6ea197c2d22906b8aca5264&s=B8C6A8442A620D1D7C9CEC9A0300C091"
                      width="580.317"
                      height="200"
                      alt=""
                    /></div
                ></el-col>
              </el-row>
            </div>

            <div class="txt1">
              <span
                >1、避免去人流量密集地区
                人流量大，比如超市、车站、机场等地方</span
              >
              <span>。避免聚会、串门，尤其疫情高发地区最好不要去。</span>
              <el-divider></el-divider>

              <span
                >2、正确佩戴口罩
                目前最常见的口罩大致有三种：棉布口罩、医用外科口罩、N95口罩。其中医用口罩和</span
              >
              <span
                >N95口罩在预防传染性急性呼吸道感染的作用上并无显著差别。两者最大的差别是前者可以防雾霾，后者不行。</span
              >
              <el-divider></el-divider>

              <span
                >3.外出回来感觉感染了病毒怎么办？
                摘掉口罩、脱掉外衣悬挂在通风处、洗手就可以，不必过分惊慌。</span
              >
              <el-divider></el-divider>

              <span
                >4.宠物会不会感染？该怎么防护？
                目前还没有确定会不会传染给宠物，最好也不要让宠物频繁外出，回来之后可以给宠物洗澡。</span
              >
              <el-divider></el-divider>

              <span
                >5.家人发烧了怎么办？
                家人如果疑似感染，一定要自行与其他家庭成员进行隔离
                与家属保持1米以上的距离，家里的人最好也佩戴口罩；</span
              >
              <el-divider></el-divider>

              <span
                >6.如果一定要去医院，该怎么防护？
                佩戴口罩、佩戴口罩、佩戴口罩！洗手，不要揉眼睛，不要到处乱摸，注意与其他人保持距离。</span
              >
              <el-divider></el-divider>

              <span
                >7.减少到人员密集的公共场所活动，尤其是空气流动性差的地方，例如公共浴</span
              >
              <span
                >池、温泉、影院、网吧、KTV、商场、车站、机场、码头、展览馆等。</span
              >
              <el-divider></el-divider>

              <span
                >8.不要接触、购买和食用野生动物(即野味)，避免前往售卖活体动物(禽类、海产品、野生动物等)的市场，禽肉蛋要充分煮熟后食用。</span
              >
              <el-divider></el-divider>
              <span>9.居室保持清洁，勤开窗，经常通风。</span>
              <el-divider></el-divider>
            </div>
          </div>
        </div>
        <div class="title_footer">
          <div id="photoes">
            <el-carousel indicator-position="outside">
              <el-carousel-item v-for="item in 4" :key="item">
                <!-- <h3>{{ item }}</h3> -->
              </el-carousel-item>
            </el-carousel>
          </div>
        </div>
      </el-main>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  computed: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style  scoped>
.title_footer {
  height: 500px;
}
#photoes {
  margin-top: 20px;
}
.title_center {
  height: 900px;
  margin: 0 auto;
}
.txt1 {
  height: 700px;
}
.s1 {
  margin: 0 auto;
}
.el-row {
  margin-bottom: 20px;
}
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  background: #99a9bf;
}
.bg-purple {
  background: #d3dce6;
}
.bg-purple-light {
  background: #e5e9f2;
}
.grid-content {
  border-radius: 4px;
  height: 200px;
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
div {
  display: block;
}
.title_border {
  width: 100%;
  background-color: #f8f8f9;
  border-bottom: 1px solid #eee;
  margin-top: 50px;
}
.anci_header_content {
  width: 900px;
  margin: 0 auto;
  padding-bottom: 50px;
}
.el-carousel__item h3 {
  color: #475669;
  font-size: 18px;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background: url("https://inews.gtimg.com/newsapp_bt/0/13010843321/1000");
}

.el-carousel__item:nth-child(2n + 1) {
  background: url("https://inews.gtimg.com/newsapp_bt/0/13010842332/1000");
}
</style>